

<HTML>
<HEAD>
<TITLE>21st Test of Section 8.2 of CSS2 Spec</TITLE>

<STYLE TYPE="text/css">
LI {
  color: black;
  background: gray;
  margin: 12px 12px 12px 12px;
  padding: 12px 0px 12px 12px;
  list-style: none }
LI.withborder {
  border-style: dashed;
  border-width: medium;
  border-color: black; }
</STYLE>
</HEAD>




<BODY>
<h1 >
Testing 21st Testable Statement of Sec 8.2 of CSS2 Specification
</h1>


<p>
21. Margins, padding, and borders interact.




<h2 >
PASS CRITERIA:
</h2>
<p >
If statement #21 above is passed, then
<ul>
<li>First element of list (should be black, gray background, margins and
padding 12px all around except 0px padding right, and non list style)
Rules are "li {color: black; background: gray; margin: 12px 12px 12px 12px;
padding: 12px 0px 12px 12px; list-style: none}".
<li class="withborder">Second element of list has dashed border
around.  Rules are "li.withborder {border-style: dashed; border-width:
medium; border-color: black; }".
</ul>
All other properties of this page should be UA-default.


</BODY>
</HTML>

